<template xmlns:align-items="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">
  <!--  <div>home</div>-->
  <!--路由-->
  <!--  <div>-->
  <!--    <el-button type="primary" @click="router.push('/home/Aaa')">A页面</el-button>-->
  <!--    <br>-->
  <!--    <hr>-->
  <!--    <el-button type="primary" @click="router.push('/home/Bbb')">B页面</el-button>-->
  <!--  </div>-->
  <!--搭建管理系统-->
  <!--标题-->
  <div>
    <div style="height: 60px; background-color: #fefeff; display: flex; align-items: center">
      <div style="width:200px; display:flex; align-items: center; font-size: 20px; color: white">
        <img style="width: 40px" src="../assets/img.png">
        <span style="font-size: 24px;color: cadetblue">后台管理系统</span>
      </div>
      <div style="flex: 1"></div>
      <div style="width: fit-content;display: flex; align-items: center;padding-right: 10px">
        <img src="https://bbs.fanruan.com/static/image/smiley/default/09.gif" style="width:40px;height: 40px">
        <span style=" margin-right:5px; color: cadetblue">王阳</span>
      </div>
    </div>
    <!--标题结束-->
    <div></div>
    <!--内容-->
    <div style="display: flex">
      <!--导航左侧开始-->
      <div style="width: 200px; border-right: 1px solid #ddd; min-height: calc(100vh - 60px)">
        <el-menu router :default-active="router.currentRoute.value.path" style="border: 0">
          <el-menu-item index="/home/Aaa"><el-icon><House/></el-icon>系统首页</el-menu-item>
          <el-menu-item index="/home/data"><el-icon><Grid/></el-icon>数据统计</el-menu-item>
          <el-sub-menu index="1">
            <template #title><el-icon><User/></el-icon><span>用户管理</span></template>
            <el-menu-item><el-icon><UserFilled /></el-icon>普通用户</el-menu-item>
            <el-menu-item><el-icon><Avatar /></el-icon>超级用户</el-menu-item>
          </el-sub-menu>
          <el-menu-item><el-icon><Comment /></el-icon>个人信息</el-menu-item>
          <el-menu-item><el-icon><CloseBold /></el-icon>退出登录</el-menu-item>
        </el-menu>
      </div>
      <!--导航右侧结束-->
      <div style="flex: 1; width: 0;background-color: #fbf8f3">
        <RouterView/>
      </div>
    </div>
    <!--内容结束-->
    <div></div>
  </div>
</template>

<script setup>
import router from "@/router/index.js";
</script>
